import React, { Component } from "react";
import store from "../../redux/store";
import {increment_action,decrement_action,incrementAsync_action} from "../../redux/count_reducer_action"
export default class Increment extends Component {
  state = {
    res: 0,
  };
  increment = () => {
    const { value } = this.selectNumber;
    store.dispatch(increment_action(value*1))
  };
  incrementAsync = () => {
    console.log(decrement_action);
    const { value } = this.selectNumber;
    store.dispatch(incrementAsync_action(value*1),500)
  };
  render() {
    return (
      <div>
        <h1>当前求和为: {store.getState()}</h1>
        <select ref={(c) => (this.selectNumber = c)}>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
        </select>
        &nbsp;
        <button onClick={this.increment}>+</button> &nbsp;
        <button onClick={this.incrementAsync}>异步加</button>
      </div>
    );
  }
}
